<?
	include("util.php")
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>Transportes X</title>
<link href="css/portada.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript" src="js/ajax.js"></script>		
<script language="JavaScript" type="text/JavaScript" src="js/funciones.js"></script>		
<script language="JavaScript">

	function cargarContenido(){ 

		document.getElementById('login').boton.disabled=true;
		var cont=document.getElementById('contenedor');
		var obj=nuevoAjax();
		obj.open("POST", "validar.php",true);
		obj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

		cont.innerHTML = "<img src=\'imagenes/ajaxloader.gif\'>&nbsp;Autentificando...";

		obj.send("usuario="+document.getElementById('login').usuario.value+"&password="+document.getElementById('login').password.value);
		obj.onreadystatechange=function(){ 
			if (obj.readyState==4) { 
				respuesta = obj.responseText;
				switch(respuesta){
					case 'max_intentos':{
						cont.innerHTML= "<font color='red'><b>Atenci&oacute;n. Ha excedido el n&uacute;mero de intentos y el usuario ha sido desactivado.<br>Consulte con el administrador.</b></font>";
						document.getElementById('login').boton.disabled=false;
						break;
					}
					case 'no_existe':{
						cont.innerHTML= "<font color='red'><b>Atenci&oacute;n. Nombre de usuario o contrase&ntilde;a no v&aacute;lidos.</b></font>";
						document.getElementById('login').boton.disabled=false;
						document.getElementById('password').value="";
						document.getElementById('password').focus();
						break;
					}
					case 'usuario':{
						cont.innerHTML= "<font color='red'><b>Atenci&oacute;n. Debe introducir un Usuario.</b></font>";
						document.getElementById('login').boton.disabled=false;
						document.getElementById('usuario').focus();
						break;
					}
					case 'password':{
						cont.innerHTML= "<font color='red'><b>Atenci&oacute;n. Debe introducir una Contrase&ntilde;a.</b></font>";
						document.getElementById('login').boton.disabled=false;
						document.getElementById('password').focus();
						break;
					}
					case 'OK':{
						cont.innerHTML = "";
						
						//document.getElementById('login').boton.disabled=true;
						location.href="fcontenido.php?modulo=inicio";
						//location.href="contenedor.php";
						break;						
					}		
					default: 
					{
						cont.innerHTML =  respuesta;
						break;
					}
				}							
			}
		} 
		return false;
	} 

</script>
</head>
<body onLoad="document.getElementById('usuario').focus()" style='background-color:#000;'>
<br><br><br><br><br><br><br><br><br><br><br><br>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td colspan="4" >&nbsp;</td></tr>
<tr style="text-align:center; ">
	<td style="width:10%;">&nbsp;</td>
	<td style="text-align:center; width:80%;">
	<center>
		<table border="2" cellpadding="4" cellspacing="4" width="50%" class="cuadro_formulario">
			<tr>
				<td rowspan="2" style="width:50%; vertical-align:top; text-align:center; " class="txt_normal"><br>
	        <span class="txt_normal" style="width:50%; vertical-align:top; text-align:center; "><span style="text-align:center; vertical-align:bottom; "><img src="imagenes/autentificacion.png" width="188" height="30"></span></span><br><br><img src="imagenes/lock.png"><br><br>
					<div style="text-align:center; padding:5px; ">Bienvenido a la intranet de<br> 
					Transportes X</div>
				</td>
				<td style="text-align:left; vertical-align:bottom; "><span class="txt_normal" style="width:50%; vertical-align:top; text-align:center; "><img src="imagenes/LOGOTIPO_7475.gif" width="175"></span></td>
			</tr>
			<tr>
				<td style="width:50%; text-align:left; ">
					<form id="login" method="post" action="validar.php" onSubmit="return cargarContenido();">
						<table width="200px" class="cuadro_formulario2" cellpadding="5" cellspacing="5" border="0">
							<tr>
								<td style="width:50%; text-align:left;" class="txt_normal_neg">Usuario<br><input type="text" name="usuario" id="usuario" size="25" maxlength="25"></input></td>
							</tr>
							<tr>
								<td style="width:50%; text-align:left;" class="txt_normal_neg">Contrase&ntilde;a<br><input type="password" name="password" id="password" size="25" maxlength="25"></input></td>
							</tr>
							<tr>
								<td colspan="3" align="center"><input type="submit" id="boton" value="Aceptar" class="boton"></input></td>
							</tr>
						</table>
					</form>
				</td>
			</tr>
			<tr>
				<td colspan="2" style="text-align:center " class="txt_normal" >
					<div id="contenedor"></div>
				</td>
			</tr>
		</table>
		</center>
	</td>
	<td style="width:10%;">&nbsp;</td>
</tr>
<tr><td colspan="4" >&nbsp;</td></tr>
</table>
</body>
</html>
